﻿
<!-- 选择异常报销明细界面 -->
<div class="layui-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 div-title border-right-bottom s-border-right" style="border-bottom:1px solid #e7eaec !important">单位名称</div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-8 div-content border-right s-border-top" style="border-bottom:1px solid #e7eaec !important">
                <div class="form-group has-feedback">
                    <input id="txtUnitName" class="form-control" type="text" title="单位名称" />
                </div>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 div-title border-right s-border-top-right" style="border-bottom:1px solid #e7eaec !important"><p class="title_fix_320">费用发生地(国家)</p></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-8 div-content border-right s-border-top" style="border-bottom:1px solid #e7eaec !important">
                <div class="form-group has-feedback">
                    <input id="txtFUnitCountry" class="form-control" type="text" title="费用发生地(国家)" />
                </div>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 div-title border-right s-border-top-right" style="border-bottom:1px solid #e7eaec !important"><p class="title_fix_320">费用发生地(省份)</p></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-8 div-content border-right s-border-top" style="border-bottom:1px solid #e7eaec !important">
                <div class="form-group has-feedback">
                    <input id="txtFUnitProvince" class="form-control" type="text" title="费用发生地(省份)" />
                </div>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 div-title border-right s-border-top-right" style="border-bottom:1px solid #e7eaec !important">费用发生地(城市)</div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-8 div-content border-right s-border-top" style="border-bottom:1px solid #e7eaec !important">
                <div class="form-group has-feedback">
                    <input id="txtFUnitCity" class="form-control" type="text" title="费用发生地(城市)" />
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-xs-12" style="margin:5px 0;">
            <button class="btn btn-default float-right btn_submit" type="button" style="margin-right:5px;">
                <i class="fa fa-search"></i>&nbsp;&nbsp;<span class="bold">提交</span>
            </button>
        </div>

        <div class="col-sm-12">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 div-title border-top-right-bottom s-border-top-right-bottom">单位名称</div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 div-content border-top-right s-border-top" style="border-bottom:1px solid #e7eaec !important">
                <div class="form-group has-feedback">
                    <input id="txtUnitNameSearch" class="form-control" type="text" title="单位名称" />
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-xs-12" style="margin:5px 0;">
            <div class="btn btn-default btn-outline float-right selector_collapse detail-collapse" title="切换">
                <i class="glyphicon glyphicon-list-alt"></i>
            </div>
            <button class="btn btn-default float-right btn_search" type="button" style="margin-right:5px;">
                <i class="fa fa-search"></i>&nbsp;&nbsp;<span class="bold">搜索</span>
            </button>
        </div>

        <div class="col-sm-12 col-xs-12">
            <div id="gridTableExceptionInfo">
                <div class="scroll_wrapper" id="list_wrapper_exceptionInfo">
                    <div class="scroll_scroller" id="list_scroller_exceptionInfo">
                        <div id="table_container_exceptionInfo">
                            <table class="footable table table-bordered" data-type="table" data-sidx="FUnitName" data-sord="asc" style="border-bottom:1px solid #e7eaec;">
                                <thead>
                                    <tr>
                                        <th filed="FID" style="width:20px;"></th>
                                        <th filed="FUnitName">单位名称</th>
                                        <th filed="FUnitCountry">费用发生地(国家)</th>
                                        <th filed="FUnitProvince">费用发生地(省份)</th>
                                        <th filed="FUnitCity">费用发生地(城市)</th>                                        
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <script id="table-tmpl_exceptionInfo" type="text/x-jquery-tmpl">
                    {{each rows}}
                    <tr data="${encodeURI(JSON.stringify($value))}">
                        <td filed="FID" style="text-align:center;">
                            <a class="footable-ickeck checkbox-ickeck list-check" node="${FID}"><label></label></a>
                        </td>
                        <td filed="FUnitName">${FUnitName}</td>
                        <td filed="FUnitCountry">${FUnitCountry}</td>
                        <td filed="FUnitProvince">${FUnitProvince}</td>                        
                        <td filed="FUnitCity">${FUnitCity}</td>                        
                    </tr>
                    {{/each}}
                </script>
                <div class="footable_page">
                    <ul class="pagination pull-right"></ul>
                </div>
                <div class="hide_tmpl" style="display:none"></div>
            </div>
        </div>
    </div>
</div>
<div class="layui-footer">
    <button type="button" class="btn btn-primary btn_save" data-langid="text_app_confirm">确定</button>
</div>